<template>
  <div class="app">
	 <Header />
 <div class="main">
	<Sider />	
	<router-view></router-view>
	</div>	
  </div>
</template>

<script>
import Sider from './components/Sider'
import Header from './components/Header'

// import { Button, Select } from 'element-ui';

export default {
  name: 'App',
 
  components:{
	  Sider,
	 Header
	},
  created(){
	 console.log(this)
	 console.log(this.$route.path)
  }
 
}

</script>

<style  lang="scss">
html,
	body,
	.app{
		height: 100%;
		width: 100%;
	}
	.app{
		overflow: hidden;
		background: #b6b6b6;
	}
	.main{
		width: 100%;
		height: 100%;
		display: flex;
		flex:1;
	}
@import './assets/style/resets'




</style>
